@charset "UTF-8";
html{height:100%;}
body{
	height:1000px;
	background: url("../img/bg.png")  center;
}
#bg{
	height:100%;
	background:rgba(1,10,10,0.5);
	border:1px solid transparent;
}

/*============ top start ============*/
#top{
	margin-top:30px;
	padding:40px 30px;
}
#top #userhead{
	display:block;
	float:left;
	width:120px;
	height:120px;
	border-radius:50%;
}
#top ul{
	float:left;
	margin:30px 0  0 40px;
}
#top ul li{
	padding:0 30px;
	float:left;
	line-height:30px;
}
#top ul li h3{
	font-size:18px;
	color:#eee;
}
#top ul li span{
	font-size:16px;
	color:#eee;
}
/*============ top end ============*/

/*============ main start ============*/
#main{
	position:relative;
}
#main #menu{
	width:200px;
}
#main #menu > ul li{
	position:relative;
	height:60px;
	font-size:18px;
	color:#eee;
	border:1px solid transparent;
	cursor:pointer;
}
#main #menu > ul li .icon{
	display:none;
	position:absolute;
	top:24px;
	right:20px;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-right:none;
	border-bottom:6px solid transparent;
	border-left:10px solid #eee;
}
#main #menu > ul li:hover{
	border:1px solid #444;
}
#main #menu ul li .title{
	text-align:center;
	font-weight:normal;
	line-height:60px;
}
#main  .content{
	display:none;
	position:absolute;
	top:0;
	left:240px;
	min-width:800px;
	min-height:400px;
}
#main .content .course-card-wrapper{
	box-shadow:0 0 5px 0 #666;
}
#main .content .item{
	float:left;
	margin:0 22px 22px 0;
}
#main .content .last-item{
	float:left;
	margin:0 0 22px 0;
}
#main #personal-infor ul li .tip{
	padding-left:200px;
	height:30px;
	font-size:14px;
	line-height:30px;
}
#main #personal-infor ul li .title{
	display:inline-block;
	width:200px;
	height:40px;
	font-size:18px;
	color:#eee;
	line-height:40px;
	text-align:right;
}
#main  #personal-infor ul li input{
	width:300px;
	height:40px;
	font-size:18px;
	color:#eee;
	text-indent:2em;
	background:transparent;
	border:none;
	outline:none;
}
#main  #personal-infor ul li .process{
	display:inline-block;
	width:60px;
	height:40px;
	font-size:18px;
	color:#0078f0;
	line-height:40px;
	text-align:right;
	cursor:pointer;
}
#main  #personal-infor ul li #save-btn{
	margin:30px 300px;
	width:120px;
	height:40px;
	font-size:18px;
	color:#eee;
	background:#0078f0;
	text-align:center;
	line-height:40px;
	border-radius:3px;
	cursor:pointer;
}
#main  #personal-infor ul li #save-btn:hover{
	background:#0b85ff;
}

/*============ main end ============*/